<template>
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="item in xqqlist.pics">
                <van-image 
                 :src="item.pics_mid" />
            </van-swipe-item>
        </van-swipe>
        <div v-html="xqqlist.goods_introduce"></div>
        
</template>

<script setup>
import { ref } from 'vue';
import axios from 'axios';
import { useRoute } from 'vue-router';
const route = useRoute()
const xqqlist = ref([])
axios.get('https://api-hmugo-web.itheima.net/api/public/v1/goods/detail', {
    params: {
        goods_id: route.query.goods_id
    }
}).then((res) => {
    xqqlist.value = res.data.message
})
</script>

<style>
.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
}
</style>